<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>会员信息</title>
    <!-- Bootstrap -->
    <link href="../assets/css/mui.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/member_content.css" rel="stylesheet" />
  </head>
  <style type="text/css">

  </style>

  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">会员中心</h1>
      <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
      <span class="mui-icon mui-icon-left-nav"></span>返回</button>
      <a class="mui-pull-right headerright"><i class="icon iconfont icon-gengduo"></i></a>
    </header>
    <div class="mui-content">
      <div class="member-banner">
        <img src="../assets/images/bg.png" class="member-banner-pic">
        <div class="member-banner-content">
          <div class="member-portaint">
            <img src="../assets/images/8c1001e93901213f670feeba5de736d12f2e959c.jpg" class="member-portaint-pic">
            <div class="member-dengji mui-pull-right">
              <div class="dengji">LV4</div>
              <button type="button" class="mui-btn">40积分</button>
            </div>
          </div>
          <div class="member-username">
            王瑶
          </div>
          <div class="member-cardnum">
            会员卡号：9085685885
          </div>
        </div>
      </div>
      <div class="member-list mui-row">
        <div class="mui-col-xs-3 member-list-item">
          <img src="../assets/images/huangguan.png">
          <br /> 会员特权
        </div>
        <div class="mui-col-xs-3 member-list-item">
          <img src="../assets/images/guize.png">
          <br /> 积分规则
        </div>
        <div class="mui-col-xs-3 member-list-item">
          <img src="../assets/images/shengri.png">
          <br /> 生日特权
        </div>
        <div class="mui-col-xs-3 member-list-item">
          <img src="../assets/images/生日.png">
          <br /> 尊享优惠
        </div>
      </div>
      <div class="member-content">
        <div class="member-content-list">
          <span class="mui-pull-left">会员详情</span>
          <span class="mui-pull-right"><i class="icon iconfont icon-xiangyou1"></i></span>
        </div>
        <div class="member-content-list">
          <span class="mui-pull-left">会员兑换</span>
          <span class="mui-pull-right"><i class="icon iconfont icon-xiangyou1"></i></span>
        </div>
        <div class="member-content-list">
          <span class="mui-pull-left">储值记录</span>
          <span class="mui-pull-right"><i class="icon iconfont icon-xiangyou1"></i></span>
        </div>
        <div class="member-content-list">
          <span class="mui-pull-left">优惠券</span>
          <span class="mui-pull-right"><i class="icon iconfont icon-xiangyou1"></i></span>
        </div>
        <div class="member-content-list">
          <span class="mui-pull-left">用餐记录</span>
          <span class="mui-pull-right"><i class="icon iconfont icon-xiangyou1"></i></span>
        </div>
      </div>
      <div style="height: 105px;"></div>
      <div class="member-footer">
        <button type="button" class="mui-btn mui-btn-warning mui-btn-outlined member-footer-btn">BOSS助手</button>
        <div class="member-footer-word">
          技术支持：餐讯信息 让天下没有难做的餐饮！<br /> 24时客服电话：400-5327819
        </div>
      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/mui.js"></script>
  </body>

</html>